@import "compass/reset";
@import "compass/css3";
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
html,body{
  width: 100%;
  height: 100%;
  font-family:'Microsoft YaHei' ;

}
a{
 text-decoration: none;
}
#logo_second{
  display: none;
}
.t_logo:after {
  display: none;
}
.s_right{
  h3,h4{
    float: left;
  }
}
.h_second .s_right:before{
  content:"";
  position: absolute;
  top: -10px;
  left: -19px;
  z-index: 10;
  background-color: #ECECEC;
  height: 60px;
  width: 1px;

}
.h_second .s_right {
  top: 0;
  width: 1028px!important;

  h3{
    p{
      font-size: 18px;
      color: #000000;
      margin-bottom: 8px;
    }
    span{
      font-size: 12px;
      color: #999999;
      img{
        margin-right: 3px;
      }
    }
  }
  h4{
    position: absolute;
    right: 0;
    span{
      img{
        position: relative;
        top: 5px;
        margin-right: 5px;
      }
      vertical-align:middle;
      display: inline-block;
      font-size: 26px;
      font-weight: 700;
      color: #F93C31;
      background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(249, 60, 49, 1)), to(rgba(228, 146, 34, 1)));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    a{
      display: inline-block;
      margin-left: 20px;
      position: relative;
      top: 5px;
      width: 100px;
      height: 30px;
      background: #1BA9FC;
      color: #FFFFFF;
      text-align: center;
      line-height:30px ;
      img{
        position: relative;
        top: 3px;
        margin-right: 3px;

      }
    }
  }
}
.moble1{
  width: 100%;
  height:554px; 
  background: url(../images/server_banner.png) center center no-repeat;
}
.moble2,.moble3{
  width: 1200px;
  margin: 0 auto;
}
.moble3{
 text-align: center;
}
#moble4{
  height:775px;
  background: url(../images/server_banner3_1.png) center center no-repeat;
}
.moble4{
  width: 1200px;
  margin: 0 auto;
  img{
    margin-top: 55px;
  }
}
.moble5{
  border: 0;
  width: 100%;
  height:650px;
  background:#4F555C url(../images/server_banner4.png) center center no-repeat;
  .moble5_1{
    width: 1200px;
    margin: 0 auto;
    color: #ffffff;
    input[type=text]{
      display: inline-block;
      height: 38px;
      background-color:transparent;
      color:#FFF;
      text-indent:5px;
      border: 1px solid #FFF;
      width: 500px;

    }
    h2{
      font-size: 18px;
      text-align: center;
      padding: 45px 0;


    }
    h2:before{
      content:"";
      position: absolute;
      top: 55px;
      left: 360px;
      background-color: #ECECEC;
      height: 1px;
      width: 100px;
    }
    h2:after{
      content:"";
      position: absolute;
      top: 55px;
      right: 360px;
      background-color: #ECECEC;
      height: 1px;
      width: 100px;
    }
    ul{
      font-size: 14px;
      width: 600px;
      margin: 0 auto;
      li{

        margin-bottom: 20px;
        .chang{
          width: 380px;
        }
        span{
          display: inline-block;
          width: 90px;
        }
        label{
          display: block;
          text-align: center;
        }
        a{
          color: #E86232;
        }
        a.show{
          display: block;
          width: 325px;
          height:48px;
          background: #249BD3;
          color: #FFF;
          text-align: center;
          line-height: 48px;
          border-radius: 5px;
          margin: 0 auto;
        }
      }


    }
  }
}


